
 <script type="text/javascript">
        jQuery.noConflict();
        jQuery(document).ready(function() {    
                
            jQuery(".createPopup").click(function(e){
                e.preventDefault();
                showPop(this);
            });
                
            jQuery(document).keypress(function(a){
                if((a.keyCode==27) && (popupStatus==1)){
                    disablePopup();
                }
            });
            jQuery("a.closeOption").click(function(){
                disablePopup();
                return false});
            
            jQuery('.scroll-pane').jScrollPane({ 
                    verticalDragMaxHeight: 44	
                }); 
       });          
 </script>

<!--PROGRAMS-EXPANDED-->
              <div  class="program-block-holder program-exp-public program-public scroll-pane" style="display:block;">
                <div class="program-block">
                  <div class="program-inner-block">
                    <div class="play-harps">
                      <h3><?php echo $this->Html->link('learn to play the harps...', array('controller' => 'users', 'action' => 'program_details'), array('title' => 'PROGRAM', 'class' => 'createPopup','escape' => false)); ?></h3>
                      <span class="assing-name">jido Adam Ruskin</span> <a href="" class="close-view"><img src="../img/btn-close-black.png" width="13" height="13" alt="CLOSE" /></a> <span class="assing-to">7 of 10 wills completed</span> </div>
                    <ul>
                      <li>
                        <h3 class="comm-hints">buy an oboe</h3>
                        <span class="did-date">DIDDED 6/17</span></li>
                      <li>
                        <h3 class="comm-hints"> <?php echo $this->Html->link('setup oboe', array('controller' => 'users', 'action' => 'wills'), array('title' => 'WILL', 'class' => 'createPopup','escape' => false)); ?></h3>
                        <span class="did-date"><?php echo $this->Html->link('DIDDED 6/20', array('controller' => 'users', 'action' => 'redo'), array('title' => 'REDO', 'class' => 'createPopup','escape' => false)); ?></span></li>
                      <li>
                        <h3 class="comm-hints">practice basic whole notes twice a week</h3>
                        <span class="did-date">DIDDED 6/27</span></li>
                      <li class="click-didded">
                        <h3 class="comm-hints">play out an open window twice a week</h3>
                        
                        <?php echo $this->Html->link('click to didded', array('controller' => 'users', 'action' => 'congratulations'), array('title' => 'CONGRATULATIONS', 'class' => 'createPopup credit-cntr','escape' => false)); ?><span class="dayLeft">2 DAYS LEFT</span></li>
                      <li class="click-didded">
                        <h3 class="comm-hints">play a full song all the way through</h3>
                        <a class="credit-cntr" href="">click to didded</a> <span class="dayLeft">9 DAYS LEFT</span></li>
                      <li class="lastRow click-didded">
                        <h3 class="comm-hints">play a full song double time</h3>
                        <a class="credit-cntr" href="">click to didded</a> <span class="dayLeft">14 DAYS LEFT</span></li>
                    </ul>
                  </div>
                </div>
              </div>
<!--/PROGRAMS-EXPANDED-->